<template>
    <div>
        <!-- tabs -->
        <button @click="is = 'A1'">A1</button>
        <button @click="is = 'A2'">A2</button>
        <!-- 展示 -->
        <component :is="is"></component>
    </div>
</template>
<script>
import A1 from './A1'
import A2 from './A2'
export default {
    data(){
        return {
            is:'A1',
        }
    },
    components:{A1,A2}
}
</script>